@import url('@/styles/theme.scss');
.healthy{
  // height: 100vh;
  position: relative;
  background-image: url('');
  background-repeat: no-repeat;
	background-size: contain;
	// height: 100vh;
  padding: 0 30rpx;
  // padding-top: 200rpx;
  padding-bottom: 113rpx;
  :deep(.navBar ){
    background-color: transparent;
    position: relative;
    .title{
      color: white;
    }
    image{
      left: 0!important;
    }
  }
  .baseInfo{
    width: 630rpx;
    // height: 160rpx;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 30rpx;
    display: flex;
    margin: 0 auto;
    margin-top: 20rpx;
    image{
      width: 100rpx;
      height: 100rpx;
      margin-right: 20rpx;
    }
    .content{
      .contentBottom{
        font-size: 24rpx;
        color:#878787 ;
      }
      .contentTop{
        display: flex;
        margin-bottom:12rpx ;
        margin-top: 10rpx;
        .name{
          font-size: 32rpx;
          color: var(--neutral-color-main);
          font-weight: 500;
          margin-right: 12rpx;
        }
        .relation{
          background: #FFECE7;
          border-radius: 16px;
          font-size: 22rpx;
          color:#FE6A3D ;
          padding: 1px 6px;
          line-height: 36rpx;
        }
      }
    }
  }
  .wuData{
    display: flex;
    flex-wrap: wrap;
    .wuDataItem{
      // flex: 1;
      width: 41.5%;
      background-color: white;
      min-height:332rpx ;
      border-radius: 24rpx;
      margin-top: 20rpx;
      padding: 30rpx 25rpx;
      .top{
        display: flex;
        justify-content: space-between;
        image{
          width: 100rpx;
          height: 100rpx;
          margin-bottom: 23rpx;
          position: relative;
          right: 10rpx;
        }
        view{
          text-align: right;
        }
        .text{
          font-size: 26rpx;
          color:#878787 ;
          position: relative;
          top: 15rpx;
        }
      }
      .label{
        font-size: 30rpx;
        font-weight: 500;
        color: var(--neutral-color-main);
        margin-bottom: 25rpx;
      }
      .normal{
        display: inline-block;
        background: #DFFBEC;
        border-radius: 40rpx;
        font-size: 22rpx;
        color:#1DC779 ;
        padding: 4rpx 20rpx;
        line-height: 40rpx;
        margin-bottom: 50rpx;
        // min-width:84rpx ;
      }
      .unNormal{
        background: #FFECE7;
        color: #FE6A3D;
      }
      .data{
        font-size: 48rpx;
        font-weight: 600;
        color: var(--neutral-color-main);
        .unit{
          font-size: 30rpx;
          font-weight: 500;
          color: var(--neutral-color-main);
        }
      }
    }
    .wuDataItem:nth-child(odd){
      margin-right: 18rpx;
    }
  }
  .introduce{
    padding: 30rpx;
    border-radius: 24rpx;
    display: flex;
    // justify-content: space-between;
    margin-top: 20rpx;
    flex-wrap: nowrap;
    background: #FFFFFF;
    image{
      width: 170rpx;
      height: 170rpx;
      margin-right: 20rpx;
    }
    .content{
      font-size: 24rpx;
      width: calc(100% - 200rpx);
      color: var(--neutral-color-main);
    }
  }
}